
<template>
  <div>
    <h2>List - List - List </h2>
    <div>
      <slot>这是最简单的插槽 </slot>
    </div>
    <div>
      <slot name="left">这是左列表的插槽</slot>
    </div>
    <div>
      <slot name="right" >这是右列表的插槽</slot>
    </div>
    <div>
      <slot :info="info" name="data" >
        name === {{ info.name }}
      </slot>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      info:{
        name:"zkl",
        age:18,
        word:"Are you Sleep???"
      }
    }
  }
}
</script>
